<template>
  <div class="page-wrap page-error-404">
    <div>
      <div class="error-text">
        <div class="error-text-top">您访问的页面在火星~</div>
        <div class="error-text-bottom">
          点击这里
          <jw-link @click="goBack">返回</jw-link>
          地球！
        </div>
      </div>
      <img :style="{ height: '260px' }" :src="error" />
    </div>
  </div>
</template>

<script setup>
import error from '@/assets/images/error-404.png';
import { useRouter } from 'vue-router';
const router = useRouter();
const goBack = () => {
  router.push({ name: 'home' });
};
</script>
<style scoped lang="less">
@import './error-404.less';
</style>
